<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2-商品分类列表</title>
    <link rel="stylesheet" href="./css/2-商品分类列表.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/better-scroll.min.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/通用.css">
</head>

<body>
    <header>
        <div class="ding">
            <div class="fanhui">
                <img src="./images/返回1.png" alt="">
            </div>
            <div class="name">
                商品列表
            </div>
        </div>
    </header>

    <nav style="padding-top:1.29rem;">
        <div class="serch">
            <div class="left">
                <div class="tubiao">
                    <img src="./images/home (9).png" alt="">
                </div>
                <div class="serch1">
                    <input type="serch" placeholder="输入您要搜索的宝贝..">
                </div>
            </div>
            <div class="right">
                <div class="kuang">

                </div>
                <img src="./images/home (8).png" alt="">
            </div>
        </div>
    </nav>
    <section>
        <div class="qiehuan">
            <div class="one xuanzhong">
                人气
            </div>
            <div class="one biankuang">
                销量
            </div>
            <div class="one">
                价格
                <img src="./images/下拉.png" alt="">
            </div>
        </div>
        <div class="neirong">
            <div class="huanhang">
                <div class="shangpin xiakuang youkuang">
                    <div class="top">
                        <img class="youkuang" src="./images/2-商品分类列表 (1).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                    <div class="cuxiao">
                        <img src="./Icon/主页/home-new.png" alt="">
                    </div>
                </div>
                <div class="shangpin xiakuang">
                    <div class="top">
                        <img src="./images/2-商品分类列表 (2).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                    <div class="cuxiao">
                        <img src="./Icon/主页/home-promotion.png" alt="">
                    </div>
                </div>
                <div class="shangpin xiakuang youkuang">
                    <div class="top">
                        <img class="youkuang" src="./images/2-商品分类列表 (3).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                </div>
                <div class="shangpin xiakuang">
                    <div class="top">
                        <img src="./images/2-商品分类列表 (4).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                </div>
                <div class="shangpin xiakuang youkuang">
                    <div class="top">
                        <img class="youkuang" src="./images/2-商品分类列表 (5).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                </div>
                <div class="shangpin xiakuang">
                    <div class="top">
                        <img src="./images/2-商品分类列表 (6).png" alt="">
                    </div>
                    <div class="center">
                        莫次有机PWE活性美白洗面奶
                    </div>
                    <div class="bottom">
                        <div class="left">
                            ￥169
                        </div>
                        <div class="right">
                            <s>￥229</s>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="neirong2" style="display: none;">
            <h1>我是内容2</h1>
        </div>
        <div class="neirong3" style="display: none;">
            <h1>我是内容3</h1>
        </div>
    </section>


    <script src="./js/2-商品分类列表.js"></script>

</body>

</html>